<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "v-model",
    desc: "双向绑定值",
    defaultValue: "",
  },
  {
    attributeName: "nodeKey",
    desc: "节点的唯一值",
    defaultValue: "id",
  },
  {
    attributeName: "clearable",
    desc: "是否可清空输入框值",
    defaultValue: "false",
  },
  {
    attributeName: "placeholder",
    desc: "占位符",
    defaultValue: "请输入",
  },
  {
    attributeName: "showCheckbox",
    desc: "是否显示复选框",
    defaultValue: "false",
  },
  {
    attributeName: "defaultExpandedKeys",
    desc: "默认展开的节点",
    defaultValue: "",
  },
  {
    attributeName: "defaultCheckedKeys",
    desc: "默认选中的节点",
    defaultValue: "",
  },
  {
    attributeName: "defaultExpandAll",
    desc: "是否默认展开",
    defaultValue: "false",
  },
  {
    attributeName: "defaultProps",
    desc: "指定的props",
    defaultValue: "{ children: 'children', label: 'label'}",
  },
  {
    attributeName: "maxWidth",
    desc: "树形控件最大宽度",
    defaultValue: "600px",
  },
  {
    attributeName: "highlightCurrent",
    desc: "是否高亮当前选中节点",
    defaultValue: "false",
  },
  {
    attributeName: "currentNodeKey",
    desc: "当前选中的节点",
    defaultValue: "",
  },
  {
    attributeName: "accordion",
    desc: "是否每次只打开一个同级树节点展开",
    defaultValue: "false",
  },
  {
    attributeName: "expandOnClickNode",
    desc: "是否在点击节点的时候展开或者收缩节点",
    defaultValue: "true",
  },
  {
    attributeName: "showInput",
    desc: "是否展示过滤输入框",
    defaultValue: "false",
  },
  {
    attributeName: "isShowMenu",
    desc: "是否展示组件内部的操作栏",
    defaultValue: "false",
  },
  {
    attributeName: "checkStrictly",
    desc: "是否关联父子节点",
    defaultValue: "false",
  },
  {
    attributeName: "isIcon",
    desc: "是否显示图标",
    defaultValue: "true",
  },
    {
    attributeName: "childrenIcon",
    desc: "是否显示最后一层级别图标",
    defaultValue: "false",
  },
  {
    attributeName: "customLabel",
    desc: "使用自定义图标，是否在点击节点的时候展开或者收缩节点",
    defaultValue: "false",
  },
  {
    attributeName: "emptyText",
    desc: "暂无数据的提示",
    defaultValue: "暂无数据",
  },
  {
    attributeName: "showAddTree",
    desc: "显示添加按钮，当搜索框显示才出现",
    defaultValue: "true",
  },
  {
    attributeName: "overflow",
    desc: "是否树节点区域滚动 可选值auto",
    defaultValue: "",
  },
  {
    attributeName: "truncated",
    desc: "是否单行省略",
    defaultValue: "false",
  },
  {
    attributeName: "customNode",
    desc: "是否自定义文本显示",
    defaultValue: "false",
  },
]);
</script>

<style>
</style>